<template>
	<view class="cu-modal" :class="modalName=='payFail'?'show':''" @touchmove.stop.prevent="()=>{return}" @tap="hideModal">
		<view class="cu-dialog" @tap.stop >
			<view class="cu-bar bg-white justify-end">
				<!-- 提示 -->
				<view class="content">{{$t('JLink.prompt.title')}}</view>
				<view class="action" @tap="hideModal">
					<text class="cuIcon-close text-gray"></text>
				</view>
			</view>
			<!-- 有未完成订单 -->
			<view class="padding-xl">{{$t('JLink.prompt.err.cont1')}}</view>
			<view class="cu-bar bg-white">
				<!-- 确定 -->
				<view class="action margin-0 flex-sub " @tap="hideModal">{{$t('JLink.publicText.define')}}</view>
				<!-- 查看订单 -->
				<view class="action margin-0 flex-sub solid-left" @tap="jumpOrder">{{$t('JLink.publicText.checkOrder')}}</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props:{
		modalName:{
		  type:String,
		  default:''
		}
	},
	data() {
	    return {
		}
	},
	methods: {
    // 跳转到订单界面
    jumpOrder(){
      this.$routing(this.$pages.order.list)
    },
	hideModal(){
		this.$emit('hideModal')
	}
  }
}
</script>

<style lang="less" scoped>
@import '@/common/style/main.css';
</style>
